<style type="text/css">
    #static_filters {
        border:1px solid #ccc;
        padding:5px;
        margin:0 5px 0 5px;
        border-radius:5px;
    }
    #static_filters dl dt {
        clear:both;
        border-bottom: 1px solid #ccc;
        border-radius:5px;
        background-color: #363636;
        color:#f5f5f5;
        padding:2px 0 1px 5px;
    }
    #static_filters dl dd {
        float:left;
        margin:5px 5px 5px 0;
    }
    #static_filters dl dd label {

    }
    SELECT OPTION[selected='selected'] {
        background-color:#add8e6;
    }
</style>

<form id="static_filters">
    <dl>
        <dt>Property Type</dt>
        <dd>
            <ul>
                <li><label for="type_0"><input type="checkbox" id="type_0" value="house" name="type">House</label></li>
                <li><label for="type_1"><input type="checkbox" id="type_1" value="unit" name="type">Unit</label></li>
                <li><label for="type_2"><input type="checkbox" id="type_2" value="business" name="type">Business</label></li>
                <li><label for="type_3"><input type="checkbox" id="type_3" value="commercial" name="type">Commercial</label></li>
                <li><label for="type_4"><input type="checkbox" id="type_4" value="community" name="type">Community</label></li>
                <li><label for="type_5"><input type="checkbox" id="type_5" value="farm" name="type">Farm</label></li>
                <li><label for="type_6"><input type="checkbox" id="type_6" value="flats" name="type">Flats</label></li>
                <li><label for="type_7"><input type="checkbox" id="type_7" value="land" name="type">Land</label></li>
                <li><label for="type_8"><input type="checkbox" id="type_8" value="other" name="type">Other</label></li>
            </ul>
        </dd>
        <dt>Location</dt>
        <dd>Suburb:</dd>
        <dd>Street:</dd>
        <dt>Bedrooms</dt>
        <dd>
            <ul>
                <li><label for="bed_0"><input type="checkbox" id="bed_0" value="0" name="bed">No Bedroom</label></li>
                <li><label for="bed_1"><input type="checkbox" id="bed_1" value="1" name="bed">One Bedroom</label></li>
                <li><label for="bed_2"><input type="checkbox" id="bed_2" value="2" name="bed">Two Bedrooms</label></li>
                <li><label for="bed_3"><input type="checkbox" id="bed_3" value="3" name="bed">Three Bedrooms</label></li>
                <li><label for="bed_4"><input type="checkbox" id="bed_4" value="4" name="bed">Four Bedrooms</label></li>
                <li><label for="bed_5"><input type="checkbox" id="bed_5" value="5" name="bed">Five Bedrooms</label></li>
                <li><label for="bed_6"><input type="checkbox" id="bed_6" value="6" name="bed">More than Six</label></li>
            </ul>
        </dd>
        <dt>Bathrooms</dt>
        <dd>
            <ul>
                <li><label for="bath_0"><input type="checkbox" id="bath_0" value="0" name="bath">No Bathroom</label></li>
                <li><label for="bath_1"><input type="checkbox" id="bath_1" value="1" name="bath">One Bathroom</label></li>
                <li><label for="bath_2"><input type="checkbox" id="bath_2" value="2" name="bath">Two Bathrooms</label></li>
                <li><label for="bath_3"><input type="checkbox" id="bath_3" value="3" name="bath">Three Bathrooms</label></li>
                <li><label for="bath_4"><input type="checkbox" id="bath_4" value="4" name="bath">Four Bathrooms</label></li>
                <li><label for="bath_5"><input type="checkbox" id="bath_5" value="5" name="bath">More Than Five</label></li>
            </ul>
        </dd>
        <dt>Car Spaces</dt>
        <dd>
            <ul>
                <li><label for="garage_0"><input type="checkbox" id="garage_0" value="0" name="garage">No Garage</label></li>
                <li><label for="garage_1"><input type="checkbox" id="garage_1" value="1" name="garage">One Garage</label></li>
                <li><label for="garage_2"><input type="checkbox" id="garage_2" value="2" name="garage">Double Garage</label></li>
                <li><label for="garage_3"><input type="checkbox" id="garage_3" value="3" name="garage">Triple Garage</label></li>
                <li><label for="garage_4"><input type="checkbox" id="garage_4" value="4" name="garage">More Than Four</label></li>
            </ul>
        </dd>
        <dt>Land Size</dt>
        <dd>Min:
            <select id="min_land" name="min_land">
                <option value="">-----------</option>
                <option value="200">200 m2</option>
                <option value="300">300 m2</option>
                <option value="400">400 m2</option>
                <option value="500">500 m2</option>
                <option value="600">600 m2</option>
                <option value="700">700 m2</option>
                <option value="800">800 m2</option>
                <option value="900">900 m2</option>
                <option value="1000">1000 m2</option>
                <option value="unlimit">Maximum</option>
            </select>
        </dd>
        <dd>Max:
            <select id="max_land" name="max_land">
                <option value="">-----------</option>
                <option value="200">200 m2</option>
                <option value="300">300 m2</option>
                <option value="400">400 m2</option>
                <option value="500">500 m2</option>
                <option value="600">600 m2</option>
                <option value="700">700 m2</option>
                <option value="800">800 m2</option>
                <option value="900">900 m2</option>
                <option value="1000">1000 m2</option>
                <option value="unlimit">Maximum</option>
            </select>
        </dd>
        <dt>Last Sale Price</dt>
        <dd>Min:
            <select id="min_sale" name="min_sale">
                <option value="0">-----------</option>
                <option value="100000">$100,000</option>
                <option value="200000">$200,000</option>
                <option value="300000">$300,000</option>
                <option value="400000">$400,000</option>
                <option value="500000">$500,000</option>
                <option value="600000">$600,000</option>
                <option value="700000">$700,000</option>
                <option value="800000">$800,000</option>
                <option value="900000">$900,000</option>
                <option value="1000000">$1,000,000</option>
                <option value="unlimit">Maximum</option>
            </select>
        </dd>
        <dd>Max:
            <select id="id_max_sale" name="max_sale">
                <option value="0">-----------</option>
                <option value="100000">$100,000</option>
                <option value="300000">$300,000</option>
                <option value="400000">$400,000</option>
                <option value="500000">$500,000</option>
                <option value="600000">$600,000</option>
                <option value="700000">$700,000</option>
                <option value="800000">$800,000</option>
                <option value="900000">$900,000</option>
                <option value="1000000">$1,000,000</option>
                <option value="unlimit">Maximum</option>
            </select>
        </dd>
        <dt>Last Sale Date</dt>
        <dd>Max:</dd>
        <dd>Min:</dd>
    </dl>
    
    <a href="" onclick="get_url(this);">update</a>
</form>

<script type="text/javascript" src="{{ STATIC_URL }}jquery/filter_form.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        init('{{ request.path_info }}',
                '{{ property_type }}', '{{ bedroom }}', '{{ bathroom }}', '{{ car_space }}',
                '{{ max_land_size }}', '{{ min_land_size }}', '{{ max_sale_price }}', '{{ min_sale_price }}');
    });
</script>